<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Honeydew</title>
<!-- Jquery -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.mask.js"></script>
<!-- carousel -->
<link href="${pageContext.request.contextPath}/css/carousel.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<!-- responsive -->
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- holder -->
<script src="${pageContext.request.contextPath}/holder/holder.js"></script>
<!-- commons -->
<link href="${pageContext.request.contextPath}/css/commons.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/shop.js"></script>

<!-- Shop -->
<script src="${pageContext.request.contextPath}/js/shop.js"></script>
</head>

<!-- body -->
<body>
<s:set var="theme" value="'simple'" scope="page" />
<s:form>
	<div class="container body-base">
		
		<table width="100%">
			<tr>
		    	<td>
		        	<!-- banner -->
		        	<s:include value="header.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- content -->
		            <table width="100%">
		            	<tr>
		                	<td width="20%" align="left" valign="top">
		                    	<br />
		                        <s:include value="index_link.jsp" />
		                    	<s:hidden id="bigSeqid" name="bigSeqid" />
		                    	<s:hidden id="medSeqid" name="medSeqid" />
		                    	<s:hidden id="pageNum" name="pageNum" />
		                    </td>
		                    <td width="80%" align="center" valign="top">
		                    	<br />
		                        <div class="row-fluid" align="center">
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-01-2.jpg" width="248" height="33" />
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-02-2.jpg" width="174" height="33" />
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-03-1.jpg" width="182" height="33" />
		                            <img src="${pageContext.request.contextPath}/image/shoppingCar-04-2.jpg" width="159" height="33" />
		                        </div>
		                        <br />
		                        <div class="row-fluid">
		                            <table class="table table-condensed">
		                                <tr>
		                                    <th>商品名稱</th>
		                                    <th>規格</th>
		                                    <th>顏色</th>
		                                    <th>數量</th>
		                                    <th>單價</th>                        
		                                    <th>小計</th>
		                                </tr>
		                                <s:iterator value="orderDetailkList" status="st">
		                                	<tr>
			                                    <td>
			                                        <font class="font-01">
			                                        	<s:property value="Iteminformationseqid.Name"/>
			                                        </font>
			                                    </td>
			                                    <td>
			                                        <font class="font-01">
			                                        	<s:property value="Size"/>
			                                        </font>
			                                    </td>
			                                    <td>
			                                        <font class="font-01">
			                                        	<s:property value="Color"/>
			                                        </font>
			                                    </td>
			                                    <td>
			                                        <font class="font-01">
			                                        	<s:property value="Amount"/>
			                                        </font>
			                                    </td>
			                                    <td>
			                                        <font class="font-price">
			                                        	$<s:property value="Price"/>
		                                        	</font>
			                                    </td>
			                                    <td>
			                                        <font class="font-price">
			                                        	$<s:property value="SubTotal"/>
			                                        </font>
			                                    </td>
			                                </tr>
		                                </s:iterator>
		                                
		                                <tr align="right">
		                                    <td colspan="6">
		                                        <p>
		                                            <b>
		                                                <font class="font-07">訂單金額 : <s:property value="orderInformationBo.Totalmoney"/> 元 / </font>
		                                                <font class="font-07">運費 : <s:property value="orderInformationBo.Transportmethodseqid.Transportprice"/> 元 / </font>
		                                                <font class="font-07">VIP折扣 : <s:property value="orderInformationBo.Salemoney" /> 元 / </font>
		                                                <font class="font-07">使用購物金 : <s:property value="orderInformationBo.Useshoppingmoney" /> 元 &nbsp;&nbsp;&nbsp;</font>  
		                                                <font class="font-06">應付總金額 : </font><font class="font-price">NT$ <s:property value="orderInformationBo.Realpaymoney" /> </font>
		                                            </b>
		                                        </p>
		                                    </td>
		                                </tr>
		                            </table>
		                        </div>
		                        
		                        <s:include value="shoppingCar_payAndTrans.jsp" />
		                        
		                        <div class="row-fluid shoppingCar03-div">
		                            <p class="shoppingCar03-div-head">收件人資料填寫</p>
		                            <br />
		                            <label>帳號 : </label>
		                            <font class="font-07">
		                            	<s:property value="userMemberBo.Email"/>
		                            </font>
		                            <br/>            
		                            <br />
		                            <label>收件人姓名 : </label>
		                            	<s:textfield theme="simple" id="Receivename" name="Receivename" />
		                            <br />
		                            <br />
		                            <label>電話 : </label>
		                	            <s:textfield theme="simple" id="Localphone" name="Localphone" />
		                            <br />
		                            <br />
		                            <label>手機 : </label>
		                            	<s:textfield theme="simple" id="Handphone" name="Handphone" />
		                            <br />
		                            <br />
		                            <label>備註說明 : </label>
		                            <br />
		                            	<s:textarea theme="simple" id="Remark" name="Remark" cols="60" rows="10">
		                            		
		                            	</s:textarea>
		                            <br />
		                        </div>
		                        <br />
		                        <div class="row-fluid" align="center">
		                            <input type="button" class="btn" value="上一步" onclick="ajaxStep02();" />
		                            <input type="button" class="btn" value="下一步" onclick="ajaxStep04();" />
		                        </div>
		                        
		                        <div class="row-fluid" align="center">
		                            <p class="font-01">請確認訂單資料，送出後將無法更改，如任何需要變更請撥打客服專線!</p>
		                        </div>
		                    </div>
		                </div>
		              <br />
		                    </td>
		                </tr>
		            </table>
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- footer -->
		        	<s:include value="footer.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- copyright -->
		        	<s:include value="copyright.jsp" />
		        </td>
		    </tr>
		</table>
		
	</div>
</s:form>
</body>
</html>
